#bevelmenu{
font: bold 12px Arial, Verdana, sans-serif;
padding: 10px 0;
margin: 0;
width: 100%;
background-color: brown;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

#bevelmenu li{
list-style: none;
display: inline;
}

#bevelmenu li a{
padding: 1px 0.5em;
text-decoration: none;
color: white;
background-color: 6666CC;
border: 2px solid gold;
letter-spacing: 1px;
}

#bevelmenu li a:hover{
background-color: gold;
border-style: inset;
}

#bevelmenu #current a{ /*currently selected tab*/
background-color: yellow; /*Yellow color theme*/ 
border-color: green; /*Green color theme*/ 
}

html>body #bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

body.section1 #bevelmenu, body.section1 #bevelmenu li.uno a, #bevelmenu li.uno a:hover {
	background-color:aqua,green;
	color:red;border-color:yellow;`	
}
body.section2 #bevelmenu, body.section2 #bevelmenu li.dos a, #bevelmenu li.dos a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}
body.section3 #bevelmenu, body.section3 #bevelmenu li.tres a, #bevelmenu li.tres a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}
body.section4 #bevelmenu, body.section4 #bevelmenu li.quatro a, #bevelmenu li.quatro a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}
body.section5 #bevelmenu, body.section5 #bevelmenu li.cinco a, #bevelmenu li.cinco a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}
body.section6 #bevelmenu, body.section6 #bevelmenu li.sais a, #bevelmenu li.sais a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}
body.section7 #bevelmenu, body.section7 #bevelmenu li.siete a, #bevelmenu li.siete a:hover {
	background-color:aqua,yellow;
	color:red;border-color: white;
}